<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公众号首页</title>
    <link rel="stylesheet" type="text/css" href="css/rooter.css" />
</head>

<body>
    <div class="all_layout">
        <header>
            <span class="left"></span> &nbsp;红心闪闪
            <span class="right"><img src="images/user.png" alt="" style="width: 32px;height:32px"></span>
        </header>
        <div class="mainbody">
            <span class="timer">&nbsp;2021年2月15日 下午17:07&nbsp;</span>
            <div class="tou"></div>
            <div class="talk2"></div>
            <div class="talk1"> &nbsp;hello！欢迎关注红心闪闪。</div>
            <div class="bodylist">
                <div class="blist">
                    <a href="products.html">我要购买</a>
                </div>
                <div class="blist">
                    <a href="#">专属定制</a>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="keyboard"></div>
            <div class="uldiv">
                <ul class="ulist">
                    <li><a href="mianweb.html">红色旅游</a></li>
                    <li id="seclist"><a href="#"><span id="tulist"> </span>文创产品</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>

</body>
<script>
    var sec = document.getElementById('seclist')
    var nei = document.getElementsByClassName('bodylist')
    var mbody = document.getElementsByClassName('mainbody')
    sec.onclick = function() {
        nei[0].style.display = 'inline-block'
            // console.log('11')
    }
    mbody[0].onclick = function() {
        nei[0].style.display = 'none'
            // console.log('22')
    }
</script>

</html>